<template>
  <div>
    <NavBarBack />
    <van-tabs v-model="active">
      <van-tab style=" title-active-color:#EB662E; " title="全部">
        <div>
          <span
            style="font-size:10px; background:red; color:white; border-radius:10px;"
            >天猫</span
          ><span style=" font-weight:1000; font-weight:bold"
            >玛德琳外贸欧式服装店铺</span
          >
          <span style="font-size:13px; color:#EB662E; float:right;"
            >买家已付款</span
          >
          <van-card
            num="1"
            desc="1瓶2用260ml、1000mL  橙"
            title="格罗咪咪儿童吸管奶瓶大宝宝新生婴儿水杯吸管杯韩国原装防"
            thumb="https://img.yzcdn.cn/vant/t-thirt.jpg"
          >
            <div slot="tags">
              <van-tag plain type="danger">公益捐赠0.02元</van-tag>
            </div>
            <div slot="footer">
              <van-button size="mini" style="font-size:11px;"
                >共计1件商品</van-button
              >
              <van-button size="mini" style="font-size:13px;"
                >合计：¥162</van-button
              >
            </div>
            <div slot="footer">
              <van-button
                size="mini"
                style="margin-top:20px;color:gray; border-radius:20px;  font-size:14px;"
                >提醒发货</van-button
              >
              <van-button
                size="mini"
                style="margin-top:20px;color:gray; border-radius:20px;  font-size:14px;"
                >修改地址</van-button
              >
            </div>
          </van-card>
        </div>
        <div>
          <span
            style="font-size:10px; background:red; color:white; border-radius:10px;"
            >天猫</span
          ><span style=" font-weight:1000; font-weight:bold"
            >格罗咪咪儿童新生婴店铺</span
          >
          <span style="font-size:13px; color:#EB662E; float:right;"
            >买家已付款</span
          >
          <van-card
            num="1"
            desc="1瓶2用260ml、1000mL  橙"
            title="格罗咪咪儿童吸管奶瓶大宝宝新生婴儿水杯吸管杯韩国原装防"
            thumb="https://tse2-mm.cn.bing.net/th?id=OIP.q9rdmlrYxKgkxfEL-1oWRwHaHa&w=188&h=188&c=7&o=5&pid=1.7"
          >
            <div slot="tags">
              <van-tag plain type="danger">公益捐赠0.02元</van-tag>
            </div>
            <div slot="footer">
              <van-button size="mini" style="font-size:11px;"
                >共计1件商品</van-button
              >
              <van-button size="mini" style="font-size:13px;"
                >合计：¥162</van-button
              >
            </div>
            <div slot="footer">
              <van-button
                size="mini"
                style="margin-top:20px;color:gray; border-radius:20px;  font-size:14px;"
                >提醒发货</van-button
              >
              <van-button
                size="mini"
                style="margin-top:20px;color:gray; border-radius:20px;  font-size:14px;"
                >修改地址</van-button
              >
            </div>
          </van-card>
        </div>
      </van-tab>
      <van-tab title="待付款">
        <div style="width:100px; height:100px ;margin: 0 auto;">
          <van-image
            style="margin: 0 auto;"
            round
            width="5rem"
            height="5rem"
            src="https://cn.bing.com/th?id=OIP.Iju6uaXPsnGebWAWonDcowAAAA&pid=Api&rs=1"
          />
        </div>
        <p style="text-align:center;">您还没有相关的订单</p>
        <p style="text-align:center;">可以去看看有哪些想卖的</p>
      </van-tab>
      <van-tab title="待发货">
        <div>
          <div
            style="width:100%; height:100px; background:#EB662E; text-align:center"
          >
            卖家已发货
          </div>
          <div style="width:100%; height:40px; margin-top:5px; ">
            <van-icon name="location-o" />
            <span>收货人:某某人</span>
            <div>
              <span
                style="font-size:10px; background:red; color:white; border-radius:10px;"
                >天猫</span
              ><span style=" font-weight:10; font-weight:bold"
                >格罗咪咪儿童新生婴店铺</span
              ><van-card
                num="1"
                desc="1瓶2用260ml、1000mL  橙"
                title="格罗咪咪儿童吸管奶瓶大宝宝新生婴儿水杯吸管杯韩国原装防"
                thumb="https://tse2-mm.cn.bing.net/th?id=OIP.q9rdmlrYxKgkxfEL-1oWRwHaHa&w=188&h=188&c=7&o=5&pid=1.7"
              >
                <div slot="footer">
                  <van-button size="mini" style="font-size:11px;"
                    >退款</van-button
                  >
                </div>
              </van-card>
              <span style="font-size:14px; color:gray">运费</span
              ><span style="font-size:14px; color:#EB662E; float:right;"
                >¥0.00</span
              ><br />
              <span style="font-size:14px; color:gray">实付款(含运费)</span
              ><span style="font-size:14px; color:#EB662E; float:right;"
                >¥136.00</span
              >
            </div>
            <van-button
              style="float:right;font-size:13px; color:gray"
              type="default"
              >联系卖家</van-button
            >
            <van-button style="font-size:13px; color:gray" type="default"
              >拨打电话</van-button
            >
            <div>
              <p style="font-size:13px; color:gray">订单编号</p>
              <p style="font-size:13px; color:gray">支付宝交易号：</p>
              <p style="font-size:13px; color:gray">
                创建时间：2019-12-03 15:00:00
              </p>
              <p style="font-size:13px; color:gray">
                发货时间：2019-12-4 09:00
              </p>
            </div>
          </div>
        </div>
      </van-tab>
      <van-tab title="待收货"
        ><div style="width:100px; height:100px ;margin: 0 auto;">
          <van-image
            style="margin: 0 auto;"
            round
            width="5rem"
            height="5rem"
            src="https://cn.bing.com/th?id=OIP.Iju6uaXPsnGebWAWonDcowAAAA&pid=Api&rs=1"
          />
        </div>
        <p style="text-align:center;">您还没有相关的订单</p>
        <p style="text-align:center;">可以去看看有哪些想卖的</p></van-tab
      >
      <van-tab title="待评价"
        ><div style="width:100px; height:100px ;margin: 0 auto;">
          <van-image
            style="margin: 0 auto;"
            round
            width="5rem"
            height="5rem"
            src="https://cn.bing.com/th?id=OIP.Iju6uaXPsnGebWAWonDcowAAAA&pid=Api&rs=1"
          />
        </div>
        <p style="text-align:center;">您还没有相关的订单</p>
        <p style="text-align:center;">可以去看看有哪些想卖的</p></van-tab
      >
    </van-tabs>
  </div>
</template>

<script>
import NavBarBack from "../../components/navBarBack";
export default {
  data() {
    return {
      active: 2
    };
  },
  components: {
    NavBarBack
  }
};
</script>

<style></style>
